<template>
  <div class="paySuccess">
    <div class="tip"><img src="../../assets/error.gif" alt=""></div>
    <div class="success">您的订单已支付失败</div>
    <div class="next-btn">
      <mt-button type="danger" size="large" v-on:click="redirect('/me/allorder')">全部订单</mt-button>
    </div>

  </div>
</template>

<script>

  export default {
    name: 'paySuccess',
    data () {
      return {
      }
    },
    methods: {
      redirect:function(url){
        this.$router.push(url);
      }
    },
    mounted:function(){

    },
    components: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .success{
    text-align: center;
    padding: 1rem;
  }
  .tip{
    text-align: center;
  }
  .tip img{
    width: 3rem;
    padding-top: 3rem;
  }
</style>
